<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:t="http://tms" xml:lang="en" lang="en">

<ui:composition template="../mainTemplate.xhtml">
    <ui:define name="title">#{localizer.localized('REGISTRATION')}</ui:define>

    <ui:define name="body">
        <div align="center" style="padding-top:10%;">
            <table>
                <tr>
                    <td class="regForm">
                        <table>
                            <tr>
                                <td align="right">
                                    #{localizer.localized('NAME')} <b>*</b>:
                                </td>
                                <td>
                                    <h:inputText value="#{loginViewBean.userName}" size="20" maxlength="255" required="true"
                                                 requiredMessage="#{localizer.localized('NAME')}#{localizer.localized('REQUIRED')}"/>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    #{localizer.localized('PASSWORD')} <b>*</b>:
                                </td>
                                <td>
                                    <h:inputSecret value="#{loginViewBean.password}" size="20" maxlength="255" required="true"
                                                   requiredMessage="#{localizer.localized('PASSWORD')}#{localizer.localized('REQUIRED')}"/>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    #{localizer.localized('CONFIRM_PASSWORD')} <b>*</b>:
                                </td>
                                <td>
                                    <h:inputSecret value="#{loginViewBean.passwordConfirm}" size="20" maxlength="255" required="true"
                                                   requiredMessage="#{localizer.localized('CONFIRM_PASSWORD')}#{localizer.localized('REQUIRED')}"/>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="buttonwrapper" align="center" style="padding-top:15px;">
                            <table>
                                <tr>
                                    <td>
                                        <h:commandLink action="#{loginViewBean.createNewUser}" styleClass="ovalbutton">
                                            <span>#{localizer.localized('CREATE')}</span>
                                        </h:commandLink>
                                        <h:commandLink action="CANCEL" styleClass="ovalbutton" immediate="true">
                                            <span>#{localizer.localized('CANCEL')}</span>
                                        </h:commandLink>
                                    </td>
                               </tr>
                            </table>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </ui:define>
</ui:composition>
</html>